﻿<%@ Page Language="C#" MasterPageFile="~/forms/Site.Master" AutoEventWireup="true" CodeBehind="General.aspx.cs" Inherits="FrontEnd.forms.General" %>

<asp:Content ID="head" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="../assets/script/highcharts/highcharts.js"> </script>
    <script type="text/javascript" src="../assets/script/Util.js"> </script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script>
</asp:Content>
<asp:Content ID="main" ContentPlaceHolderID="content" runat="server">
    <div id="generalStatistics" class="chartContent chartContentHalfSize chartFloatLeft" style="text-align: center">
        <h1>General statistics</h1>
        <h2>Show statistics across all characters playing the World of Warcraft</h2><br/>
        <table style="text-align: left" class="center">
            <tr>
                <td style="font-weight: bold; width: 300px">
                    Total characters:
                </td>
                <td style="text-align: right">
                    <asp:Literal runat="server" ID="totalCharacters" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Characters at max level:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="charactersAtMaxLevel" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Average character level:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="averageCharacterLevel" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Max achievement points:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="maxAchievementPoints" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Average achievement points:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="averageAchievementPoints" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td colspan="2">&nbsp;</td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Total honorable kills:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="totalHonorableKills" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Max honorable kills:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="maxHonorableKills" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
            <tr>
                <td style="font-weight: bold">
                    Average honorable kills:
                </td>
                <td style="text-align: right">
                    <asp:Literal ID="averageHonorableKills" runat="server" ClientIDMode="Static"></asp:Literal>
                </td>
            </tr>
        </table>
    </div>
    <div id="raceContainer" class="chartContent chartContentHalfSize chartFloatLeft">
        <h1>
            Race
        </h1>
        <h2>
            Shows number of characters for each race
        </h2>
        <div id="raceDistribution">
            <asp:Literal ID="raceDistributionChart" runat="server"></asp:Literal>
        </div>
    </div>
    <div id="genderContainer" class="chartContent chartContentHalfSize chartFloatLeft">
        <h1>
            Gender
        </h1>
        <h2>
            Shows number of characters for each gender
        </h2>
        <div id="genderDistribution">
            <asp:Literal ID="genderDistributionChart" runat="server"></asp:Literal>
        </div>
    </div>
    <div id="classContainer" class="chartContent chartContentHalfSize chartFloatLeft">
        <h1>
            Classes
        </h1>
        <h2>
            Shows number of characters for each class
        </h2>
        <div id="classDistribution">
            <asp:Literal ID="classDistributionChart" runat="server"></asp:Literal>
        </div>
    </div>
</asp:Content>